<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- 删除默认的苹果工具栏和菜单栏，设置Web应用是否以全屏模式运行 -->
    <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 启用 WebApp 全屏模式 -->
    <!-- 开启对web app程序的支持 -->
    <meta name="apple-touch-fullscreen" content="yes">
    <!--uc的写法-->
    <meta name="full-screen" content="yes">
    <!--X5的写法-->
    <meta name="x5-fullscreen" content="true">
    <!-- 顶部状态栏背景色，除非你先使用apple-mobile-web-app-capable指定全屏模式，
否则这个meta标签不会起任何作用，如果content设置为default，则状态栏正常显示。
如果设置为blank，则状态栏会有一个黑色的背景。如果设置为blank-translucent，
则状态栏显示为黑色半透明。如果设置为default或blank，则页面显示在状态栏的下方，
即状态栏占据上方部分，页面占据下方部分，二者没有遮挡对方或被遮挡。
如果设置为blank-translucent，则页面会充满屏幕，其中页面顶部会被状态栏遮盖住
（会覆盖页面20px高度，而iphone4和itouch4的Retina屏幕为40px）。默认值是default。 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="blank-translucent">
    <meta content="telephone=no,email=no" name="format-detection">
    <!--"unspecified":默认值 由系统来判断显示方向.判定的策略是和设备相关的，所以不同的设备会有不同的显示方向.-->
    <!--"landscape":横屏显示（宽比高要长）-->
    <!--"portrait":竖屏显示(高比宽要长)-->
    <!--"user":用户当前首选的方向-->
    <!--"behind":和该Activity下面的那个Activity的方向一致(在Activity堆栈中的)-->
    <!--"sensor":有物理的感应器来决定。如果用户旋转设备这屏幕会横竖屏切换。-->
    <!--"nosensor":忽略物理感应器，这样就不会随着用户旋转设备而更改了（"unspecified"设置除外）-->
    <meta name="screen-orientation" content="portrait"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--<script src="./node_modules/amfe-flexible/index.js"></script>-->
    <!--添加到主屏后的标题-->
    <meta name="apple-mobile-web-app-title" content="云之家">
    <title>pension</title>
    <!--以下是一堆iphone上的启动画面-->
    <!-- 启动画面
    两张图片必须符合宽高标准才能正常显示：
    startup_portrait.png  768x1004
    startup_landscape.png 748x1024
-->
    <!--竖屏-->
    <link rel="apple-touch-startup-image" media="screen and (orientation: portrait)" href="static/img/startupImg.png">
    <!--横屏-->
    <link rel="apple-touch-startup-image" media="screen and (orientation: landscape)" href="static/img/startupImg.png">
    <!--浏览器选项卡icon和手机桌面icon-->
    <link rel="icon" type="image/png" href="static/img/bowerIcon.png?max_age=2592000&ver=20160321">
    <!-- 桌面图标，去掉默认光泽,apple-touch-icon和apple-touch-icon-precomposed，区别就在于是否会应用iOS中自动给图标添加的那层高光。 -->
    <link rel="apple-touch-icon-precomposed" href="static/img/logo.jpg"/>
    <!--引入高德地图api-->
    <!--<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.3&key=106b88c23ba2686d10e17fb30c794adc"></script>-->
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
